// package_01/pages/source-search-input/index.js
import {getInfoApi} from '../../service/info-query'
import {pizza} from '../../utils/mock-data.js'

Page({

  /**
   * 页面的初始数据
   */
  data: {
  value: '',
  clearable: true, //是否启用清除控件
  queryStatus: 1, //1 为尚未查询  2查询为空  3查询结果,
},

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /** 
   * 生命周期函数--监听页面显示
   */
  onShow() {
    
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {
    this.setData({
      value: '',
    })
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  // input聚焦
  focusInput(){
    this.setData({
      queryStatus: 1,
    })
  },

  /**
   * 输入内容变化时触发
   * @param {*} e 
   */
  onChange(e) {
    this.setData({
      value: e.detail,
    });
  },

  /**
   * 点击搜索查询
   */
  onClick(){
    if (this.data.queryStatus !== 1) return
    this.formSubmit({detail: this.data.value})
  },

  /**表单提交 */
  formSubmit(e){
    // console.log(e);
    const name = e.detail
    if (name === '') {
      wx.showToast({
        title: '搜索信息不能为空',
        icon: 'none'
      })
    }else{
      this.setData({
        value: name
      }, () => {
        // this.getInfo()
        setTimeout(() => {
          wx.navigateTo({
            url: '/pages/source-data/index?search=' + this.data.value,
          })
        }, 3000)
      })
    }
  },

  getInfo(e){
    let data = {}

    setTimeout(() => {
      wx.navigateTo({
        url: '/pages/source-data/index?data=' + JSON.stringify(pizza),
      })
    }, 3000)
    return
    getInfoApi(data).then(res => {
      console.log('信息查询', res);
      if (res.data.code === 200) {
        // 将结果传至结果展示页面
        wx.navigateTo({
          url: '/pages/source-data/index',
        })
      }else if (res.data.code === 500) {
        this.setData({
          queryStatus: 2
        })
        wx.showToast({
          title: res.data.msg,
          icon: 'error'
        })
      }
    })
  },
})